// var
@curved-text-prefix-cls     : x-curved-text;
@curved-text-color-primary  : #2980b9;
@curved-text-color-info     : #3498db;
@curved-text-color-grey     : #95a5a6;
@curved-text-color-font     : #333;
@curved-text-size-r         : 6;

// mixins

// styles - default
.@{curved-text-prefix-cls} {
  &__text {
    cursor: text;
    pointer-events: all;
    user-select: text;
    &&_ban {
      user-select: none;
    }
    ::selection {
      fill: #fff;
      background: @curved-text-color-info;
    }
  }
  &__path {
    fill: none;
    stroke: @curved-text-color-grey;
    stroke-width: 1;
    stroke-dasharray: 2,2;
    visibility: hidden;
  }
  &__control_point {
    fill: @curved-text-color-info;
    stroke: @curved-text-color-primary;
    stroke-width: 2;
    r: @curved-text-size-r;
    cursor: move;
    transition: r 0.2s;
    &:hover {r: @curved-text-size-r + 2;}
  }
  &__control_line {
    stroke: @curved-text-color-info;
    stroke-width: 1;
    stroke-dasharray: 5,5;
  }
}

// styles - more
